<!DOCTYPE html>
<html>

<head>
	<title>填写个人信息</title>
	<meta charset="utf-8">
	<meta name="Description" content="" />
	<meta name="Keywords" content="" />
	<meta name="format-detection" content="telephone=no, email=no" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<!-- 忽略页面中的数字识别为电话，忽略email识别 -->
	<meta name="applicable-device" content="mobile" />
	<meta name="apple-mobile-web-app-title" content="" />
	<!-- 添加到主屏后的标题（iOS 6 新增） -->
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<!-- 是否启用 WebApp 全屏模式 -->
	<meta name="HandheldFriendly" content="true" />
	<!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
	<meta name="author" content="Jack" />
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

	<link rel="stylesheet" type="text/css" href="__STATIC__/module/index/css/min.css" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/module/index/css/weui.min.css" />
	<link rel="stylesheet" type="text/css" href="__STATIC__/module/index/css/jquery-weui.min.css" />
</head>

<body>
<div class="rest-box padding-botom">
	<div class="register-box">
		<div class="max-size">请填写个人信息</div>

		<div class="input-outer">
			<div class="info-name">姓名</div>
			<input type="text" class="input-style name-input" id="onkep" name="name" value="{$info['name']|default=''}" placeholder="请输入你的姓名" onkeyup="words_deal(10,'onkep','is-txt')" />
			<span class="txt-num"><i id="is-txt">10</i>/10字</span>
		</div>

		<div class="input-outer botter">
			<div class="info-name">性别</div>
			<div class="sex-flex">
				<div class="sex-item {if $info['sex'] == 0}sex-right avtive-sex{/if}" onclick="sex_fn(0,this)">男</div>
				<div class="sex-item {if $info['sex'] == 1}sex-right avtive-sex{/if}" onclick="sex_fn(1,this)">女</div>
			</div>
		</div>

		<div class="input-outer">
			<div class="info-name">出生日期</div>
			<div class="postion-icon-1">
				<input type="text" class="input-style moer-time" name="birthday"  placeholder="请选择你的出生日期" readonly="readonly" id="date" />
				<i class="down-icon"></i>
			</div>

		</div>
		<div class="input-outer">
			<div class="info-name">最高学历</div>
			<div class="postion-icon-1">
				<input type="text" class="input-style" placeholder="请选择最高学历" readonly="readonly" id="education" />
				<i class="down-icon"></i>
			</div>

		</div>

		<div class="input-outer">
			<div class="info-name">工作时间</div>
			<div class="postion-icon-1">
				<input type="text" class="input-style moer-time" placeholder="请选择参加工作时间" readonly="readonly" id="job-date" />
				<i class="down-icon"></i>
			</div>

		</div>
		<div class="input-outer">
			<div class="info-name">求职状态</div>
			<div class="postion-icon-1">
				<input type="text" class="input-style" placeholder="请选择求职状态" readonly="readonly" id="apply" />
				<i class="down-icon"></i>
			</div>

		</div>

		<div class="input-outer">
			<div class="info-name">居住地址</div>
			<input type="text" class="input-style" placeholder="请填写居住地址" name="address" value="{$info['address']|default=''}" id="site" />
		</div>

	</div>

</div>

<div class="postion-btn">
	<div class="next-box">
		<a class="moer-btn" href="register.html">返回上一步</a>
		<a class="moer-btn-next" onclick="next_fun()" href="javascript:;">下一步</a>
	</div>
</div>
</body>
<script src="__STATIC__/module/index/js/jquery-3.1.0.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/module/index/js/fastclick.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function() {
		FastClick.attach(document.body);
	});
</script>
<script src="__STATIC__/module/index/js/jquery-weui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/module/index/js/pub.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(".moer-time").datetimePicker({
		times: function() {
			return [];
		},
		onChange: function(picker, values, displayValues) {
			console.log(values);
		}
	});


	$("#education").picker({
		title: "选择您的学历",
		cols: [{
			textAlign: 'center',
			values: ['高中及以下', '大专', '本科', '硕士', '博士', '博士后']
		}],
		onChange: function(p, v, dv) {
			console.log(p, v, dv);
		},
		onClose: function(p, v, d) {
			console.log("close");
		}
	});

	$("#apply").picker({
		title: "请选择您的求职状态",
		cols: [{
			textAlign: 'center',
			values: ['在职', '离职', '待业']
		}],
		onChange: function(p, v, dv) {
			console.log(p, v, dv);
		},
		onClose: function(p, v, d) {
			console.log("close");
		}
	});
</script>
<script type="text/javascript">
	function sex_fn(is_sex,_this){
		$('.sex-item').removeClass('avtive-sex');
		$(_this).addClass('avtive-sex');
	}

	function next_fun(){
		var name=$('#onkep').val();
		var birthday=$('#date').val();
		var education=$('#education').val();
		alert('birthday');
		if($.trim(name) == ''){
			$.toast("请输入你的姓名！","text");
			return false;
		}
		if($.trim($('#date').val()) == ''){
			$.toast("请选择你的出生日期！","text");
			return false;
		}
		if($.trim($('#education').val()) == ''){
			$.toast("请选择你的学历！","text");
			return false;
		}
		if($.trim($('#job-date').val()) == ''){
			$.toast("请选择参加工作时间！","text");
			return false;
		}
		if($.trim($('#apply').val()) == ''){
			$.toast("请选择求职状态！","text");
			return false;
		}
		if($.trim($('#site').val()) == ''){
			$.toast("请输入居住地址！","text");
			return false;
		}
		window.location.href = 'intention.html'
	}
</script>

</html>